<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="my_mileage_view" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>결제 내역 및 마일리지</h2>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section  data-role="content"> 
        <!--검색-->
        <form action="#" method="#">
            <div class="my_mileage_search">
                <p class="txt">설정하신 날로부터 <strong>최대 1년전</strong>  기록까지 조회됩니다.</p>
                <div data-role="fieldcontain" class="date">
                    <select data-shadow="false">
                        <option value="#">2012</option>
                        <option value="#">2013</option>
                        <option value="#">2014</option>
                    </select>
                    
                    <select data-shadow="false">
                        <option value="#">01</option>
                        <option value="#">02</option>
                        <option value="#">03</option>
                        <option value="#">04</option>
                        <option value="#">05</option>
                        <option value="#">06</option>
                        <option value="#">07</option>
                        <option value="#">08</option>
                        <option value="#">09</option>
                        <option value="#">10</option>
                        <option value="#">11</option>
                        <option value="#">12</option>
                    </select>
                    
                    <select data-shadow="false">
                        <option value="#">01</option>
                        <option value="#">02</option>
                        <option value="#">03</option>
                        <option value="#">04</option>
                        <option value="#">05</option>
                        <option value="#">06</option>
                        <option value="#">07</option>
                        <option value="#">08</option>
                        <option value="#">09</option>
                        <option value="#">10</option>
                        <option value="#">31</option>
                    </select>
                      ~ 부터
                </div><!-- //  class="date" --> 
                
                 <div data-role="fieldcontain">                
                    <fieldset data-role="controlgroup" data-type="horizontal">
                        <legend>기간선택</legend>
                        <input type="radio" name="#" id="a1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                        <label for="a1">1개월</label>
                        <input type="radio" name="#" id="a2" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                        <label for="a2">3개월</label>
                        <input type="radio" name="#" id="a3" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                        <label for="a3">6개월</label>
                        <input type="radio" name="#" id="a4" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                        <label for="a4">1년</label>
                    </fieldset>
                </div>
            </div><!-- //  class="my_mileage_search" 끝  -->
        </form>
        
        <div class="my_mileage_list">
            <ul data-role="listview" data-theme="c">
                <!-- 해당목록이 없을시 -->        
                <!--li class="no_list">
                    <p>결제 내역 목록이 없습니다.</p>
                </li-->
                
                <!-- 검색결과 없을시 -->        
                <!--li class="no_list">
                    <p>입력하신 내용과 일치한 정보가 없습니다.</p>
                </li-->
                
                <li>
                    <div class="date"><em>거래일자</em> 2012.03.31</div>
                    <div class="section"><em>구분</em>부킹</div>
                    <div class="acc"><em>결제금액</em> 2,150,000</div>
                    <div class="rest"><em>적립</em>150,000</div>
                    <div class="sub"><em>결제내용</em>스카이72 라운딩 완료</div>
                </li>
                <li>
                    <div class="date"><em>거래일자</em> 2012.03.31</div>
                    <div class="section"><em>구분</em>부킹</div>
                    <div class="acc"><em>결제금액</em> 750,000</div>
                    <div class="rest"><em>적립</em>0</div>
                    <div class="sub"><em>결제내용</em>안성베네티트 골프클럽 라운딩 완료</div>
                </li>
                <li>
                    <div class="date"><em>거래일자</em> 2012.03.31</div>
                    <div class="section"><em>구분</em>부킹</div>
                    <div class="acc"><em>결제금액</em> 4,150,000</div>
                    <div class="rest"><em>적립</em>47,000</div>
                    <div class="sub"><em>결제내용</em>스카이골프 오션코스 라운딩 완료</div>
                </li>
                <li>
                    <div class="date"><em>거래일자</em> 2012.03.31</div>
                    <div class="section"><em>구분</em>부킹</div>
                    <div class="acc"><em>결제금액</em> 420,000</div>
                    <div class="rest"><em>적립</em>4,500</div>
                    <div class="sub"><em>결제내용</em>스카이72 라운딩 완료</div>
                </li>
                <li>
                    <div class="date"><em>거래일자</em> 2012.03.31</div>
                    <div class="section"><em>구분</em>부킹</div>
                    <div class="acc"><em>결제금액</em> 2,150,000</div>
                    <div class="rest"><em>적립</em>350,000</div>
                    <div class="sub"><em>결제내용</em>스카이골프 오션코스 라운딩 완료</div>
                </li>
            </ul>
         </div><!-- //  class="my_mileage_list" 끝  -->
         
         <!--btn-->
        <div class="btn_area">
            <div class="btn_more"> 
                <button data-role="none"> <span class="ico_all ico7"><em>+</em></span> 더보기</button>
            </div>
            <div class="btn_top"> <button data-role="none" onclick="GoTop(); return false;">맨위로<span class="ico_all ico8"><em>top</em></span></button></div>
        </div><!-- // class="btn_area" 끝  -->  
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
